<template>
    <div class="container">
        <p class="hello">{{ name }}</p>
        <h3>
            嘿嘿
            <span>
                哈哈
            </span>
        </h3>
    </div>
</template>

<script>
export default {
    data(){
        return {
            name: '张三'
        }
    }
}
</script>

<style scoped lang="less">
.container{
    border: 1px solid red;

    .hello{
        color: blue;
        font-size: 30px;
    }

    h3{
        color: red;

        span{
            color: green;
        }
    }
}

</style>